.notice-container {
    padding: 0 10px;
    align-items: center;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex: 1;
  }
  .notice-container img{
      width:40px;
      height:40px;
  }
  .notice-container .header-notice-marquee {
    margin: 0 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 30px;
    animation: marquee 30s linear infinite;
  }
  .notice-container .header-notice-marquee:hover {
    animation-play-state: paused;
  }
  .notice-container .header-notice-marquee .header-marquee-item {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
  }
  /* Make it move */
  @keyframes marquee {
    0% {
      text-indent: 27.5em;
    }
    100% {
      text-indent: -60em;
    }
  }
